@bg-gray: rgba(244, 243, 248, 1);
/* 背景灰色*/
@bg-gray-5: rgba(244, 243, 248, .5);
/* 背景浅灰色*/
@blue: rgba(58, 82, 240, 1);
/* 蓝色*/
@blue-1: rgba(58, 82, 240, .1);
/*蓝色10% */
@blue-5: rgba(58, 82, 240, .5);
/*蓝色5% */
@blue-active: rgba(31, 48, 231, 1);
/*蓝色active */
@red: rgba(238, 73, 48, 1);
/* 辅助红色 */
@red-1: rgba(238, 73, 48, .1);
@red-5: rgba(238, 73, 48, .5);
@red-active: rgba(241, 105, 80, 1);
@orange: rgba(255, 156, 34, 1);
/* 辅助橘色 */
@orange-1: rgba(255, 156, 34, .1);
@orange-5: rgba(255, 156, 34, .5);
@green: rgba(4, 199, 166, 1);
/* 辅助绿色 */
@green-1: rgba(4, 199, 166, .1);
@green-5: rgba(4, 199, 166, .5);
@gray: #c1bfd7;
/* 辅助灰色*/
@color-main: rgba(17, 21, 82, 1);
/* 文字主色 */
@color-main-active: rgba(37, 44, 114, 1);
@color-second: #86869e;
/* 文字次要颜色 */
@color-third: #c1bfd7;
/* 文字第三颜色*/
@border-color-bgWhite: #e9e8f1;
/* 白色背景边框色 */
@border-color-bgGray: #dad9e7;
/* 灰色背景边框色*/
@border-color-light: #efeff1;
/* 边框最浅色*/
@wing-blank: 15px;
@wing-blank-lg: 20px;
@wing-blank-huge: 30px;
@card-shadow: 0 10px 25px rgba(17, 21, 82, .05);
/*卡片阴影*/
@card-radius: 8px;
@card-radius-md: 4px;

.clear {
  content: "";
  clear: both;
  display: block;
}
